<template>
  <div class="home">
    <h1>{{count}}</h1>
    <button @click="jiaA(2)">++</button>
    <button @click="jianM(6)">--</button>
    <h3>{{mul}}</h3>
    <hr />
    <h1>{{name}}</h1>
    <hr />
    <h1>{{bwf}}</h1>
  </div>
</template>

<script>
  import {
    mapState,
    mapGetters,
    mapActions,
    mapMutations
  } from 'vuex'
  export default {
    mounted() {
      console.log(this);
    },
    data() {
      return {}
    },
    computed: {
      ...mapState('homeOption', ['count', 'name']),
      ...mapState('aboutOption', ['bwf']),
      ...mapGetters('homeOption', ['mul'])
    },
    methods: {
      ...mapActions('homeOption', ['jiaA']),
      ...mapMutations('homeOption', ['jianM'])
    }
  }
</script>
